new Vue({
	el: '#app',
	data: function () {
		return {
            adress_name:''
		}
	},
	created() {
       
       
    },
    mounted(){
        this.amapView()
	},
	methods: {
        amapView(){
            let that=this;
            const map= new AMap.Map('container',{
              zoom: 16,
              maxZoom:18,
              minZoom:12,
              center:[120.053671,30.385868],
              viewModal:'3D',
            })
            // 120.205,30.240
            map.plugin('AMap.Geolocation', function() {
              var geolocation = new AMap.Geolocation({
                  // 是否使用高精度定位，默认：true
                  enableHighAccuracy: true,
                  // 设置定位超时时间，默认：无穷大
                  timeout: 10000,
                  // 定位按钮的停靠位置的偏移量，默认：Pixel(10, 20)
                  buttonOffset: new AMap.Pixel(10, 20),
                  //  定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false
                  zoomToAccuracy: true,
                  //  定位按钮的排放位置,  RB表示右下
                  buttonPosition: 'RB'
              })
              geolocation.getCurrentPosition(function(status,result){
                  if(status=='complete'){
                    onComplete(result)
                  }else{
                    onError(result)
                  }
              });
        
              function onComplete (data) {
                  console.log(data)
                  let lat=data.position.Q;
                  let lng=data.position.R;
                  // 赋值中文名称显示
                  that.adress_name=data.formattedAddress;
                  console.log(that.adress_name)
                //   $('#adress_name').text(data.formattedAddress)
                  var position = new AMap.LngLat(lng, lat)
                  map.setCenter(position);//设置回到原位置
                  var currentCenter = map.getCenter();
                  // data是具体的定位信息
                  const marker = new AMap.Marker({
                      position: new AMap.LngLat(lng,lat),
                  });
                //   // 构造矢量圆形 //打卡范围
                //   const circle = new AMap.Circle({
                //       center: new AMap.LngLat("120.20605231779102", "30.240986903200923"), // 圆心位置
                //       radius: 200,  //半径
                //       strokeColor: "#0094FC",  //线颜色
                //       strokeOpacity: 1,  //线透明度
                //       strokeWeight: 1,  //线粗细度
                //       fillColor: "#0094FC",  //填充颜色
                //       fillOpacity: 0.25 //填充透明度
                //   });
                  map.add([marker]);
              }
              function onError (data) {
                  console.log(data,'error')
                  // that.$alert('定位出错', '', {
                  //     confirmButtonText: '确定',
                  //     center: true,
                  //     showClose:false
                  // });
                  // 定位出错
              }
            });
        }
       
	}
});
